iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
Modern Web

NestJs 讀書筆記系列 第 2

NestJs 表皮的介紹

  • 分享至 

  • xImage
  •  

NestJs 介紹

目的:

  1. 能夠稍微了解 NestJs,並將 NestJs 專案運行成功

簡介

NodeJs 的框架之一,可使用 TypeScript 來編寫程式碼,當然,JavaScript 依然是支援的,後續範例主要會以 TypeScript 撰寫。

NestJs 結合了
OOP(Object Oriented Programming)
FP (Functional Programming)
FRP (Functional Reactive Programming)

曾經寫過 Java 語言的會覺得有點熟悉,我個人是這麼認為的。

官網上提供三種方式
請確保 NodeJs 版本 >= 10.13.0

## 確認 NodeJs 版本
$ node -v
v12.18.3

使用 CLI 安裝

$ npm i -g @nestjs/cli

## 確認 nest 版本
$ nest -v
7.4.1

$ nest new project-name

使用 git 安裝

## TypsScript 版本
$ git clone https://github.com/nestjs/typescript-starter.git project

## JavaScript 版本
$ git clone https://github.com/nestjs/javascript-starter.git project

$ cd project
$ npm install
$ npm run start

手動安裝

$ npm i --save @nestjs/core @nestjs/common rxjs reflect-metadata

安裝

我這邊以 CLI 方式來建立專案,我認為這是比較方便的方式
首先我們來一個無腦安裝,跟著以下步驟就能漂亮的建置一個 NestJs 專案

  1. 在終端機下安裝指令
$ nest new tutorial-1
  1. 接下來會詢問要使用 npm 還是 yarn
    我這邊選擇 yarn,將箭頭指向 yarn

成功畫面

  1. 進入 tutorial-1 目錄,啟動服務
$ cd tutorial-1
$ yarn run start
  1. 在瀏覽器輸入 http://localhost:3000/ ,網頁會出現 Hello World!

以上我們就成功完美啟動了 NestJs 服務! /images/emoticon/emoticon07.gif

目錄結構

src
 ├── app.controller.ts
 ├── app.module.ts
 ├── app.service.ts
 └── main.ts 

以圖是來說明整個結構關係,讓讀者能夠更清楚明瞭

  • 首先我們在 main.ts 使用 NestJs 提供的 NestFactory.create ,建立以及運行應用程式
  • 服務啟動後,Client Side 發送 http 請求,Controller 負責接收
  • 接著實作部分,如邏輯層、資料庫的 CRUD 會由 Providers 提供 service
    讓 Controller 取得運算結果,回傳給 Client Side

不太明白的讀者可以之後再回來看這部分,先讓讀者有個概念,期望後續實作可以更清楚它們之間的關係。

這篇 NestJs 介紹就到這邊,如有疑惑或是哪裡我理解錯誤的歡迎在底下留言~

記得按下小鈴鐺,訂閱,定時收看!


上一篇
大綱
下一篇
NestJs 大將之一 Controllers
系列文
NestJs 讀書筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言